


var pStr = '上海|云南|内蒙古|北京|台湾|吉林|四川|天津|宁夏|安徽|山东|山西|广东|广西|新疆|江苏|江西|河北|河南|浙江|海南|湖北|湖南|澳门|甘肃|福建|西藏|贵州|辽宁|重庆|陕西|青海|香港|黑龙江'

var myChart = echarts.init(document.getElementById("main"), 'chalk');

function getData() {
    return pStr.split('|').map(n => {
            return {
                name : n,
                value : Math.random() * 1200 >>> 0
            }
    })
}

fetch("./data/geo/geo.json")
  .then(res => res.json())
  .then(json => {
    echarts.registerMap("china", json);
    option = {
        

        visualMap: { // 是视觉映射组件
            show: false,
        type: 'continuous',
        // text: ['', ''],
        // showLabel: true,
        seriesIndex: [0],
        min: 0,
        max: 1000,
        // inRange: {
        //     color: ['#edfbfb', '#b7d6f3', '#40a9ed', '#3598c1', '#215096', ]
        // },
        // textStyle: {
        //     color: '#000'
        // },
        // bottom: 30,
        // left: 'left',
    },
        geo: {
            map: 'china',
            // roam: false, // 是否开启鼠标缩放和平移漫游
            // left: 'left',
            // right:'300',
            // layoutSize: '80%',
            // label: {
            //     emphasis: {
            //         show: false
            //     }
            // },
            // itemStyle: {
            //     emphasis: {
            //         areaColor: '#fff464'
            //     }
            // },
            regions: [{  // 在地图中对特定的区域配置样式。
                name: '南海诸岛',
                value: 0,
                itemStyle: {
                    normal: {
                        opacity: 0, // 隐藏
                        label: {
                            show: false // 隐藏
                        }
                    }
                }
            }],
        },
      series: [
        {
          name: "cn",
          type: "map",
          map: "china",
          geoIndex: 0,
          data: getData()
        }
      ]
    };

    myChart.setOption(option)
  });